<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的中心</title>
</head>

<body class="df fdc">
    <div class="main f1 ofs">
        <!-- 轮播图 -->
        <section class="swipperBox">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="../../assets/imgs/index-swiper-bg1.jpg" alt="" class="swipbg">
                    </div>
                    <div class="swiper-slide">
                        <img src="../../assets/imgs/index-swiper-bg2.jpg" alt="" class="swipbg">
                    </div>
                    <div class="swiper-slide">
                        <img src="../../assets/imgs/index-swiper-bg3.jpg" alt="" class="swipbg">
                    </div>
                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>
            </div>
        </section>
        <!-- 用户名 -->
        <a href="./user-detail.html" class="userInfo df fdc mb20">
            <div class="infoTop df jcsb aic">
                <div class="infoTopL">
                    <img src="#" alt="" class="headImg">
                    <i class="iconfont icon-vip vip"></i>
                </div>
                <div class="infoTopR df jcsb f1">
                    <span class="userName ">用户名</span>
                    <span class="iconfont icon-xiangyou1 gt"></span>
                </div>
            </div>
            <div class="infoBot">
                <span>个性签名:</span>
                <span class="signText">xxxxx</span>
            </div>
        </a>
        <!-- 累计打卡 -->
        <section class="card mb20 df jcsb">
            <div class="cardL df aic">
                <i class="iconfont icon-pintu"></i>
                <span class="tolCard">累计打卡</span>
                <span class="dayNum fwb">22</span>
                <span class="day">天</span>
            </div>
            <p class="dayCard fw ">今日打卡</p>
        </section>
        <!-- 个人动态 -->
        <section class="state mb20 df jcsb">
            <div class="stateL df aic">
                <i class="iconfont icon-lianxitiguanli"></i>
                <span class="dynamic">个人动态</span>
            </div>
            <div class="stateR">
                <span class="stateNum">10</span>
                <span class="strip">条</span>
                <span class="iconfont icon-xiangyou1 gt"></span>
            </div>
        </section>
        <!-- 运动数据 -->
        <section class="sport mb20 df fdc">
            <a href="./sportData.html" class="sportData"></a>
            <div class="sportTop df jcsb">
                <div>
                    <i class="iconfont icon-tubiao-zhuzhuangtu"></i>
                    <span class="sportDetal">运动数据</span>
                </div>
                <span class="iconfont icon-xiangyou1 gt"></span>
            </div>
            <div class="sportBot df">
                <div class="sportBotL df fdc f1">
                    <p class="sportText">总运动</p>
                    <div>
                        <span class="sportDate">9999</span>
                        <span class="timeKio">分钟</span>
                    </div>
                </div>
                <div class="sportBotR df fdc f1">
                    <p class="sportText">本周消耗</p>
                    <div>
                        <span class="sportDate qk">9999</span>
                        <span class="timeKio">千卡</span>
                    </div>
                </div>
            </div>
        </section>
        <!-- 我的运动徽章数据 -->
        <section class="badge mb20 df fdc">
            <div class="badgeTop df jcsb">
                <div>
                    <i class="iconfont icon-sharpicons_badge-"></i>
                    <span class="badgeDetal">我的运动徽章</span>
                </div>
                <span class="iconfont icon-xiangyou1 gt"></span>
            </div>
            <div class="badgeImg df jcsb ">
                <img src="../../assets/imgs/getbadge01.jpg" alt="">
                <img src="../../assets/imgs/getbadge02.jpg" alt="">
                <img src="../../assets/imgs/mybadge06.jpg" alt="">
            </div>
        </section>

    </div>
</body>

</html>